var SearchForm = function () {
  var template = /* html */ `
    <div class="search-form">
      <el-form inline label-width="auto">
        <el-form-item label="订单编号">
          <el-input v-model="search.orderNo" class="search-input"></el-input>
        </el-form-item>
        <el-form-item label="工厂型号">
          <el-input v-model="search.factoryNo" class="search-input"></el-input>
        </el-form-item>
        <el-form-item label="订单类型">
          <el-select clearable v-model="search.orderType" class="search-input">
            <el-option v-for="item in orderTypeList" :key="item" :value="item"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="制单人">
          <el-input v-model="search.creater" class="search-input"></el-input>
        </el-form-item>
        <el-form-item label="状态">
          <el-select clearable v-model="search.status" class="search-input">
            <el-option v-for="item in status" :key="item.value" :value="item.value" :label="item.label"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
    </div>
  `;

  return {
    props: {
      search: {
        type: Object,
        required: true
      }
    },

    data: function () {
      return {
        status: i18n.getDropDown('bomBusiness.businessOrder.status', [-1, 1, 2]),
        orderTypeList: ['生产订单', '返工单', '打样单', '大货单']
      };
    },

    template: template
  };
}();
